﻿﻿<template>
	<view>

		<view class="cu-bar bg-white" style="background-color: #081533;opacity: 0.5">
			<view class="action">
				<text class="cuIcon-back text-gray"></text>
			</view>
			<view class="content text-bold" >
				<text>忘记密码</text>
			</view>
		</view>

		<view class="root_content">
			<image class="bg" src="/static/login_background.png"></image>

			<view class="login_content">
				<form>
					<view class="cu-form-group">
						<text class='iconfont icon-mobile-golden text-orange'></text>
						<input placeholder="手机号" name="input"></input>
					</view>
					<view class="cu-form-group">
						<text class='iconfont icon-mima-copy text-orange'></text>
						<input placeholder="会员密码" name="input" type="password"></input>
						<text class='iconfont icon-yanjing1-copy text-orange'></text>
					</view>
					<view class="cu-form-group">
						<text class='iconfont icon-tuijianren-copy text-orange'></text>
						<input placeholder="推荐人手机号" name="input" ></input>
					</view>
					<view class="cu-form-group">
						<text class='iconfont icon-yanzhengma-copy text-orange'></text>
						<input placeholder="验证码" name="input"></input>
					</view>
					<view class="remember_pwd" >
						<checkbox class="checked" checked="true" value="remember_pwd"></checkbox>
						<text style="color: #FFF;margin-left: 10rpx;">阅读并同意<text style="color: #c99145;">【注册协议】</text></text>
					</view>
					<view class="login_button">
						<button class="cu-btn block bg-yellow margin-tb-sm lg" loading>
							<text>立即注册</text>
						</button>
					</view>
					<view class="login_bottom">
						<text class="new_user">已有账户,立即<text @click="navTo('/pages/public/login')">登录</text></text>
					</view>
				</form>
			</view>

		</view>
	</view>
</template>

<script>
    export default {
        methods: {
            navTo(url){
                uni.navigateTo({url})
            },
        }
    }
</script>

<style lang="less">
	.text-orange, .line-orange, .lines-orange{
		color: #c99145;
	}
	﻿.bg{
		position:absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		/*filter: blur(1px);*/
		/*opacity: .7;*/
	}
	.root_content{
		padding-top: 314rpx;
	}
	.cu-bar{
		min-height:140rpx;
		text{
			overflow: visible;
			color: #c2c4e2;
			font-size: 32rpx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0rpx;
		}
	}
	.login_content{
		width: 637rpx;
		height: 697rpx;
		padding-top: 15rpx;
		margin: 0 auto;
		/*background-color: #081533;*/
		border-radius: 12rpx;
		border: solid 1rpx #ffff00;
		/*opacity: .7;*/
		background-color: rgba(8,21,51,0.5);

		.cu-form-group,.login_button,.login_bottom{
			width: 564rpx;
			height: 78rpx;
			margin: 0 auto;
		}
		.cu-form-group{
			background-color: #ffffff;
			border-radius: 12rpx;
			margin-top: 25rpx;
			min-height: 0;
			input{
				padding-left: 11rpx;
			}
		}
		.remember_pwd{
			width: 564rpx;
			margin: 0 auto;
			margin-top: 25rpx;
		}
		.login_button{
			margin-top: 40rpx;
			button{
				width: 564rpx;
				height: 78rpx;
				background-color: #c99145;
				margin-top: 0rpx;
				margin-bottom: 0rpx;
			}
		}
		.login_bottom{
			margin-top: 20rpx;
			text-align: center;
			text{
				font-family: SourceHanSansCN-Normal;
				font-size: 26rpx;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0rpx;
			}
			.new_user{
				color: #aeb8d8;
				text{
					color: #c99145;
				}
			}
		}
	}


</style>
